﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="SubscribeDefault.aspx.cs"
    Inherits="MembershipCard_wechat_web_SubscribeDefault" %>
    <html>
<head >
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0" />
<link rel="stylesheet" href="skin/css/base.css">
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<link rel="stylesheet"  href="skin/css/common.css">
<title>order</title>
    <script type="text/javascript">
        function sele() {
            var obj = document.getElementById('ddlStore');
            var text = obj.options[obj.selectedIndex].value;
            var obj2 = document.getElementById('ddlPerSex');
            var sex = obj2.options[obj2.selectedIndex].value;
            url = "SubscribeDefault.aspx?FromUserName=<%=FromUserName %>&ToUserName=<%=ToUserName %>&store=" + text+"&sex="+sex;
            location = url;
        }

    </script>
</head>
<body >
    <form id="form1" runat="server">
   <%-- <div data-role="page" id="page1">
        <div data-role="content">
            <span style="color: #a2a2a2; font-size: 14px;">预约信息</span>
            <table width="100%">
                <tr>
                    <td nowrap>
                        店名
                    </td>
                    <td colspan="2">
                        
                    </td>
                </tr>
                <tr>
                    <td nowrap>
                        日期
                    </td>
                    <td colspan="2">
                        
                    </td>
                    
                </tr>
                <tr><td>时间</td><td colspan="2">
                        
                    </td></tr>
                <tr>
                    <td nowrap>
                        人数
                    </td>
                    <td colspan="2">
                        
                    </td>
                </tr>
                 <tr>
                    <td nowrap>
                        项目
                    </td>
                    <td colspan="2">
                       
                    </td>
                </tr>
                <tr>
                    <td nowrap>
                        技师
                    </td>
                    <td>
                      
                    </td>
                    <td>
                        
                    </td>
                </tr>
            </table>
            <hr />
            <br />
            <span style="color: #a2a2a2; font-size: 14px;">预约联系人方式</span>
            <table runat="server" id="tb" style="font-size:18px;color: #a2a2a2; margin-left:0px;">
                <tr>
                    <td>
                    姓名：
                    </td>
                    <td>
                        
                    </td>
                </tr>
                <tr>
                    <td>
                    手机：
                    </td>
                    <td>
                       
                    </td>
                </tr>
                <tr><td colspan="2">提交的预约，工作人员确认时间中午12：00到23：00</td></tr>
            </table>
            <div data-role="fieldcontain">
                
            </div>
            
            
        </div>
    </div>--%>

    <div class="head">
	<h1>填写预约信息</h1>
</div>
<div id="content">
  <table cellpadding="0" cellspacing="0">
      <tr>
        <td class="ob" nowrap><img src="image/name.png" border="0"/>店名</td>
        <td colspan="2">
           <asp:DropDownList ID="ddlStore" runat="server" onchange="javascript:sele();">
                        </asp:DropDownList>
        </td>
      </tr>
      <tr>
        <td class="ob"><img src="image/cander.png" border="0"/>日期</td>
        <td colspan="2">
           <asp:DropDownList ID="ddlDate" runat="server" >
                        </asp:DropDownList>
        </td>
      </tr>
      <tr>
        <td class="ob"><img src="image/time.png" border="0"/>时间</td>
        <td> 
          <asp:DropDownList ID="ddlTime" runat="server">
                            <asp:ListItem>12</asp:ListItem>
                            <asp:ListItem>13</asp:ListItem>
                            <asp:ListItem>14</asp:ListItem>
                            <asp:ListItem>15</asp:ListItem>
                            <asp:ListItem>16</asp:ListItem>
                            <asp:ListItem>17</asp:ListItem>
                            <asp:ListItem>18</asp:ListItem>
                            <asp:ListItem>19</asp:ListItem>
                            <asp:ListItem>20</asp:ListItem>
                            <asp:ListItem>21</asp:ListItem>
                        </asp:DropDownList>
        </td>
        <td>
          <asp:DropDownList ID="ddlMin" runat="server">
                            <asp:ListItem Value="00">00分</asp:ListItem>
                            <asp:ListItem Value="15">15分</asp:ListItem>
                            <asp:ListItem Value="30">30分</asp:ListItem>
                            <asp:ListItem Value="45">45分</asp:ListItem>
                        </asp:DropDownList>
        </td>
      </tr>
      <tr>
        <td class="ob"><img src="image/users.png" border="0"/>人数</td>
        <td colspan="2">
            <asp:DropDownList ID="ddlPerCount" runat="server">
                            <asp:ListItem>1</asp:ListItem>
                            <asp:ListItem>2</asp:ListItem>
                            <asp:ListItem>3</asp:ListItem>
                            <asp:ListItem>4</asp:ListItem>
                            <asp:ListItem>5</asp:ListItem>
                        </asp:DropDownList>
        </td>
      </tr>
      <tr>
        <td class="ob"><img src="image/tech.png"   style="width:18px;" border="0"/>技师</td>
        <td> 
             <asp:DropDownList ID="ddlPerSex" runat="server" onchange="javascript:sele();">
                            <asp:ListItem Value="0">随机</asp:ListItem>
                            <asp:ListItem Value="1">男</asp:ListItem>
                            <asp:ListItem Value="2">女</asp:ListItem>
                        </asp:DropDownList>
        </td>
        <td>
            <asp:DropDownList ID="ddlPerName" runat="server">
                        </asp:DropDownList>
        </td>
      </tr>
      <tr>
        <td colspan="3">
             <asp:DropDownList ID="ddlProject" runat="server">
                            <asp:ListItem Value="0">项目选择</asp:ListItem>
                        </asp:DropDownList>
       </td>
      </tr>
      <tr style="display:none;"><td colspan="3"><asp:Label ID="Label1" runat="server" ForeColor="Red"></asp:Label></td></tr>
  </table>
  <table width="100%" runat="server" id="tb" style="margin-top:10px;" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td class="ob" nowrap><img src="image/pname.png" border="0"/>姓名</td>
        <td colspan="2"><asp:Label ID="lblName" runat="server" Text="Label"></asp:Label></td>
      </tr>
      <tr>
        <td class="ob"><img src="image/tel.png" border="0"/>手机号</td>
        <td colspan="2"> <asp:Label ID="lblPhone" runat="server" Text="Label"></asp:Label></td>
      </tr>
  </table>
  <p>您提交的预约，工作人员会在中午12：00-23：00确认。</p>
</div>

<asp:Button ID="Button1" runat="server" class="btn" Text="提交预约" OnClick="Button1_Click" />
<div class="btn" runat="server" onclick="show()" id="wx" visible="false">成为会员</div>

    </form>
</body>
</html>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
    $(function () {
        $("#datepicker").datepicker();
        var today = new Date();
        $("#datepicker").val((today.getMonth() + 1) + "/" + today.getDate() + "/" + today.getFullYear());
    });
    window.addEventListener('load', function () {
        if (document.documentElement.scrollHeight <= document.documentElement.clientHeight) {
            bodyTag = document.getElementsByTagName('body')[0];
            bodyTag.style.height = document.documentElement.clientWidth / screen.width * screen.height + 'px';
        }
        setTimeout(function () {
            window.scrollTo(0, 1);
        }, 100);
    });
</script>
<script type="text/javascript">
    function show() {
        location = "GetCard.aspx?ym=yy";
    }
</script>
